import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';

class PageExample extends StatefulWidget {
  const PageExample({ Key? key }) : super(key: key);

  @override
  _PageExampleState createState() => _PageExampleState();
}

class _PageExampleState extends State<PageExample> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title:const Text('PageView组件示例')),
      // 形式一：
      // body: PageView(
      //   scrollDirection: Axis.vertical,//竖直方向滑动。默认水平滑动
      //   children: const [
      //      Center(
      //         child: Text('第一屏'),
      //       ),
      //       Center(
      //         child: Text('第二屏'),
      //       ),
      //        Center(
      //         child: Text('第三屏'),
      //       ),
      //        Center(
      //         child: Text('第四屏'),
      //       ),
      //   ],
      // )

      //形式二：
      body:PageView.builder(
        scrollDirection: Axis.vertical,//竖直方向滑动。默认水平滑动
        itemCount: 10,//10屏
        itemBuilder: (context,index){//index是当前屏的索引
        return  Center(
              child: Text('第${index+1}屏')
          );
      })
    );
  }
}